<template>
  <div id="app">
  	<Header class="header"></Header>
  	<Nav class="sidebar" v-show="flag"></Nav>
  	<router-view></router-view>
  </div>
</template>

<script>

import Header from '@/components/Header'
import Nav from '@/components/Nav'
import { mapGetters } from 'vuex'
export default {
  components: {
  	Header,
    Nav,
  },
  computed: {
			// 获取仓库里的title
			...mapGetters(['flag'])
		},
 
  methods:{
  	
  }
};
</script>

<style lang="less"scoped="scoped">
	@import './assets/styles/reset.css';
	@import './assets/styles/common.less';
	
body {
  background-color: #EBEBEB;
}
.header{
position: relative;
}
.sidebar{
	position: absolute;
	z-index: 100;
	height: 100%;
	@-webkit-keyframes mymove
{
    from {background-color:red;}
    to {background-color:blue;}
}
}

</style>
